<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib tagdir='/WEB-INF/tags' prefix='sc'%>
<html>
<head>
<title>Đăng ký tài khoản</title>
</head>
<body>
	<form action="registeredAccount" name="customerVO" method="POST">
		<div class="list-view">
			<div class="pr-head">
				<span class="pr-detail-name">Tài khoản</span>
			</div>
			<div class="pr-detail">
				<div class="pr-profile-left">
					<div class="pr-profile-menu height690">
						<a class="pr-profile-menu-item edit"><i></i> Đăng ký</a>
					</div>
				</div>
				<div class="pr-profile-right right-content-large">
					<div id="" class="pr-profile-page">
						<c:if test="${successMessage != null}">
							<span style="color: blue;">${successMessage}</span>
						</c:if>
						<span class="pr-text separator"> <span class="title-s-text">
						<span>Thông tin cơ bản</span></span> 
						<span class="acc-title-text">Họ<span style="color:red;">*</span>:</span> 
							<input type="text" name="lastname" class="popup-input name-input" value="${customerVO.lastname}"/> 
						<span class="acc-title-text">Tên đệm<span style="color:red;">*</span>:</span> 
							<input type="text" name="middle" class="popup-input name-input" value="${customerVO.middle}"/> 
						<span class="acc-title-text">Tên<span style="color:red;">*</span>:</span> 
							<input type="text" name="firstname" class="popup-input name-input" value="${customerVO.firstname}"/>
						<c:if test="${errorObj.errorName != null}">
							<span class="error">${errorObj.errorName}</span>
						</c:if>
						<br/>
						<span class="acc-title-text">Giới tính:</span> 
							<input type="radio" class="" name="gender" value="male"/><span>Nam</span>
							<input type="radio" class="" name="gender" value="female"/><span>Nữ</span>
						<span class="title-text">Ngày sinh<span style="color:red;">*</span>:</span> 
							<input type="text" name="birthday" class="popup-input" value="${customerVO.birthday}" placeholder="dd/MM/yyyy"/>
						<c:if test="${errorObj.errorDOB != null}">
							<span class="error">${errorObj.errorDOB}</span>
						</c:if>
						<span class="title-text">Địa chỉ:</span> 
							<input type="text" class="popup-input" name="address" value="${customerVO.address}"/>
						<span class="title-text">Số điện thoại<span style="color:red;">*</span>:</span> 
							<input type="text" class="popup-input" name="phone" value="${customerVO.phone}"/>
						<c:if test="${errorObj.errorPhone != null}">
							<span class="error">${errorObj.errorPhone}</span>
						</c:if>
						<span class="title-text">Email<span style="color:red;">*</span>:</span> 
							<input type="text" class="popup-input" name="email" value="${customerVO.email}"/>
						<c:if test="${errorObj.errorMail != null}">
							<span class="error">${errorObj.errorMail}</span>
						</c:if>
						<span class="title-text">Quốc tịch:</span> 
							<input type="text" class="popup-input" name="country"/ value="${customerVO.country}">
						</span> </span> <span class="pr-text separator"> 
						<span class="title-s-text"><span>Thông tin tài khoản</span></span> 
						<span class="title-text">Tên đăng nhập:</span> 
							<input type="text" class="popup-input" name="username" value="${customerVO.username}"/> 
						<c:if test="${errorObj.errorUsername != null}">
							<span class="error">${errorObj.errorUsername}</span>
						</c:if>
						<span class="title-text">Mật khẩu:</span> 
							<input type="password" class="popup-input" name="password"/>  
						<sc:Capchar/>
						<c:if test="${not empty recapcharError}">
							<span class="error">${recapcharError}</span>
						</c:if>
						</span> <input type="submit" class="popup-button center-button" value="Hoàn tất"/>
					</div>
	
				</div>
			</div>
		</div>
	</form>
</body>
</html>